<!--
 * @Description: 
 * @Author: wuhaohu
 * @Date: 2023-02-27 13:39:36
 * @LastEditors: wuhaohu
 * @LastEditTime: 2023-02-27 17:12:45
 * @FilePath: \yidiandian\src\pages\home.vue
-->
<script setup lang="ts">
import Header from '/@/components/Home/Header.vue';
import Footer from '/@/components/Home/Footer.vue';

// const user = await userApi.getUserProfile()
// console.log(user, '获取用户信息')
</script>
<template>
  <div class="content">
    <div class="content-bg">
      <div class="content-main">
        <Header />
        <div class="main-bar">
          <router-view></router-view>
        </div>
        <Footer />
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
.content {
  width: 100vw;
  height: 100vh;
  background-image: url('/@/assets/images/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  .content-bg {
    width: 100%;
    height: 100%;
    background-image: url('/@/assets/images/bgtm.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    backdrop-filter: blur(10px);
    .content-main {
      width: 100%;
      max-width: 1200px;
      height: 100%;
      padding: 0 20px;
      margin: 0 auto;
      .main-bar {
        width: 100%;
        height: calc(100% - 160px);
      }
    }
  }
}
</style>
